<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog handleLog-dialog" ng-init="init();"  style="background-color: #fafafa;">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="'E07.handle_log' | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content" >
        <div class="kmi-layout-page">
            <div class="kmi-text-fields" style="margin-top: 4px;">
                <label class="label" style="flex: 0 0 86px;" ng-bind="'E07.handle_reason_no' | translate"></label>
                <input class="value" ng-model="dialog.data.reason_no"></input>
                <div class="tip search" ng-click="dialog.loadReason();"><img src="image/icons/search.png"></img> </div>
                <label class="label" style="flex: 0 0 60px;" ng-bind="'E07.desc' | translate"></label>
                <input class="value" ng-model="dialog.data.desc"></input>
                <button class="mdl-button mdl-js-button mdl-button--icon mdl-button--icon_prime" ng-click="dialog.addReason()"
                    style="margin-left: 8px;">
                    <img src="image/icons/add.png"></img>
                </button>
            </div>
            <div class="kmi-list">
                <div class="kmi-list__header">
                    <div class="kmi-list__column require" style="flex:1;" ng-bind="'E07.handleLog_list.column1' | translate"></div>
                    <div class="kmi-list__column require" style="flex:1;" ng-bind="'E07.handleLog_list.column2' | translate"></div>
                    <div class="kmi-list__column require" style="flex:0 0 32px;"></div>
                </div>
                <div class="kmi-list__row-content">
                <div class="kmi-list__row" ng-repeat="item in dialog.itemList track by $index">
                    <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.reason_no"></div>
                    <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.desc"></div>
                    <div class="kmi-list__column" style="flex:0 0 36px;">
                        <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="dialog.removeReason(item)">
                            <img  src="image/icons/delete.png"></img>
                        </button>
                    </div>
                </div>
                </div>
            </div>
        </div>
        <div class="btn-content">
            <div class="kmi-button kmi-button-confrim" ng-click="dialog.confirm()" style="width:100px">
                <label ng-bind="'common.btn.confirm' | translate"></label>
                <div class="kmi-can-click"></div>
            </div>
        </div>
    </div>
</div>
